<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <title>标题栏状态</title>
    <!-- 定义js方法-->
    <script src="wmxy-js-api.js"></script>
</head>
<body style="margin: 0;padding: 0">
<div style="background-color: red;height: 300px;display: flex;align-items: center;justify-content: center">
    <h1 style="color: white">状态栏状态演示</h1>
</div>

<div style="padding: 10px;font-size: 16px;display: flex;flex-direction: column">

    <div>
        <label>状态栏颜色：</label><input id="status_bar_color" type="text" value="0000ff">
    </div>
    <div style="margin-top: 10px">
        <label>状态栏样式：</label>
        <select id="status_bar_style">
            <option>normal</option>
            <option>light</option>
        </select>
    </div>

    <input style="margin-top: 20px;width: 100px" type="button" value="设置颜色" onclick="setTitleBar()"/>
</div>


<div style="height: 800px">

</div>

<script>
   function setTitleBar() {
       var color= status_bar_color.value;
       var style= status_bar_style.value;
       // alert(color+","+style);
       wanxiao.setNavbarColor(color,style,function (result) {
           alert(result);
       })
   }
</script>

</body>
</html>
